<!DOCTYPE html>
<html>
<head>
<title>PushTower</title>
<script src="js/modernizr.custom.37797.js"></script> 
		<!-- Grab Google CDN's jQuery. fall back to local if necessary --> 
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
			<script>!window.jQuery && document.write('<script src="js/jquery-1.8.2.min.js"><\/script>')</script>
		
		<script src="js/parallax.2.js"></script>
		<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
		<script type="text/javascript" src="js/tinymceblue.js"></script>
		<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript" src="js/maps.js"></script>
		<script type="text/javascript" src="js/speechbuble.js"></script>
		<script type="text/javascript" src="js/analytics.js"></script>
		<script type="text/javascript" src="js/pushtower.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.10.1.custom.min.js"></script>
		<script type="text/javascript" src="js/jquery.maskedinput-1.3.min.js"></script>
		
		
		<link href="css/ui-lightness/jquery-ui-1.10.1.custom.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/skin.css" />
		<link rel="stylesheet" type="text/css" href="css/analytics.css" />
</head>

<body>
	
	<div id="hideAnalytics">Hide analytics</div>
	<div id="swipe_wrapper">
			<div id="swipe_content" class='swipe_content' >
					<div id="analyticsCliker" ></div>
					
					<!--<iframe id="analyticsFrame" src="http://www.google.com/analytics/" style="width: 100%; height: 100%" ></iframe>-->
		<?php
//define('ga_email','campbellappcamel@gmail.com');
//define('ga_password',' ghj7F58#b37G6');
//define('ga_profile_id','70443247');

// session_start for caching
 
?>



			</div>
	</div>
	
	<div id="passform">
			<form>
				
				<p>Enter you email adress to reset you password.</p>
				<input class="email_field" type="text" size="35"/>
				<input type="submit" id="confirm_mail" value="Confirm"/>
			</form>
			</div>
	
	
	<div id="mainwrap">	
		<header id="backtoac">
				<a href="http://appcamel.com">Back to appcamel</a>
			</header>
			<div id="bunker"></div>
			<div id="bigcloud"></div>
			<div id="campbellwrpap">
				<div id="speechBubbleWrap">
					<div id="speechBubble"></div>
				</div>
				<div id="campbellfall"></div>
				
			</div>
		<div id="elevatorCliker">
		</div>
		<div id="elevator">
			
		</div>
	
	<div id="content">
		
			<div id="pushtext"></div>
				
			<div id="login_wrap">
				<div id="login"></div>
				<!-- forgot password incomplite-->
				<!--
				<span id="forgot_pass_link">Forgot password?</span>
				<div id="forgot_pass_popup">
					
				</div>
				
				
				<section  id="forgot_pass_result">
					
				</section>
				-->	<a href="javascript:void(0)" id="forgotpassword">Forgot you password?</a><br/>
					<a href="javascript:void(0)" id="sitesee">
					<p class="sightwith">sight see with campbell<br/></p><span class="triangled">&#9660;</span>
					</a>
					
					<section id="login_alert"> 
					</section>
			</div>
			
			
			
			
			<form id="mainPushForm" action="/appcamel/index.php?r=ajax/create_msg" method="post">
			
			
			
			<div id="choise_app">
					<!--<ul id="mycarousel" class="jcarousel-skin-tango">
							    <li><img src="image/itemframe1.png" width="79" height="64" alt="" /></li>
							    <li><img src="image/itemframe2.png" width="79" height="64" alt="" /></li>
							    <li><img src="image/itemframe3.png" width="79" height="64" alt="" /></li>
							    <li><img src="image/itemframe4.png" width="79" height="64" alt="" /></li>
							</ul>-->
			</div>
			
			<div id="step1">
					
					<div id="tabwrapper1" class="tab_wrapper">
					<!--android-->
					<div  id="tab_container_1" class="tabs3 tab_container">
							<div class="tab_wrapper">
								<div class="tab_header_container">
									<a href="#" class="tabs tab_header active container_standart" id="container_standart_andr"></a>
									<a href="#" class="tabs tab_header container_deluxe" id="container_deluxe_andr"></a>
								</div>
									<div  id="tab_container_standart_andr" class="tabs tab_container active">
										<hr class="hline" noshade="noshade"/>
										<input type="text" name="Android[subject]" class="subject" id="Android_notification_subject" />
										<hr noshade="noshade"/>
											<textarea  id="Android_notification_content" name="Android[content]" class="message"
										 	rows="10" cols="70"></textarea>
									</div>
									<div   id="tab_container_deluxe_andr" class="tabs tab_container">
										<ul>
											<li>favourite message</li>
											<li>top 5 messages</li>
											<li>suggested message</li>
											<li>previous message</li>
											<li>most successful</li>
										</ul>
									<div class="subj"><input type="text"  id="Android_rich_notification_subject" size="50" class="subjdeluxe" /></div>
									<textarea id="Android_rich_notification_content"  rows="15" cols="80" style="width: 70%"></textarea>
								</div>
							</div>
							<div id="androidprev">
								<div id="androidprev_wrapper" onclick="update_pre('android')">
									<div id="androidPopUp">
										<span class="app_name"> AppCamel</span>
										<span id="android_text_pre" onclick="update_pre('android')">Click on me to see preview =)</span>
									</div>
								</div>
							</div>
					</div>
					<!--iphone-->
					<input id="iph_msg_type" type="hidden" name="msg_type" value="base"/>
					<div  id="tab_container_2" class="tabs3 tab_container active">
							<div class="tab_wrapper">
								<div class="tab_header_container">
									<a href="#" class="tabs tab_header active container_standart" onclick='setMessageType("base");' id="container_standart_iphone"></a>
									<a href="#" class="tabs tab_header container_deluxe" onclick='setMessageType("rich");' id="container_deluxe_iphone"></a>
								</div>
									<div  id="tab_container_standart_iphone" class="tabs tab_container active">
										<hr class="hline" noshade="noshade"/>
										<div id="iphone_subject">
											<input type="text" class="subject" id="Iphone_notification_subject" />
											<hr noshade="noshade"/>
										</div>
											<textarea id="Iphone_notification_content" name="Iphone[notification_content]" class="message"  rows="10" cols="70"></textarea>
									</div>
									<div  id="tab_container_deluxe_iphone" class="tabs tab_container">
										<ul>
											<li>favourite message</li>
											<li>top 5 messages</li>
											<li>suggested message</li>
											<li>previous message</li>
											<li>most successful</li>
										</ul>
									<div class="subj"><input type="text" name="Iphone[rich_notification_subject]" id="Iphone_rich_notification_subject" size="50" class="subjdeluxe" /></div>
									<textarea id="Iphone_rich_notification_content" name="Iphone[rich_notification_content]" rows="15" cols="80" style="width: 70%"></textarea>
								</div>
							</div>
							<div id="iphoneprev">
								<div id="iphoneprev_wrapper" onclick="update_pre('iphone')">
									<div id="iphonePopUp">
										<span class="app_name"> AppCamel</span>
										<span id="iphone_text_pre" onclick="update_pre('iphone')">Click on me to see preview =)</span>
									</div>
								</div>
							</div>
					</div>
					<!--blackberry-->
					<div id="tab_container_3" class="tabs3 tab_container">
								<div class="tab_wrapper">
								<div class="tab_header_container">
									<a href="#" class="tabs tab_header active container_standart" id="container_standart_blackberry"></a>
									<a href="#" class="tabs tab_header container_deluxe" id="container_deluxe_blackberry"></a>
								</div>
									<div  id="tab_container_standart_blackberry" class="tabs tab_container active">
										<hr class="hline" noshade="noshade"/>
										<div id="blackberry_subject">
											<input type="text" class="subject" id="Blackberry_notification_subject" />
											<hr noshade="noshade"/>
										</div>
											<textarea id="Blackberry_notification_content" name="Blackberry[notification_content]" class="message"  rows="10" cols="70"></textarea>
									</div>
									<div  id="tab_container_deluxe_blackberry" class="tabs tab_container">
										<ul>
											<li>favourite message</li>
											<li>top 5 messages</li>
											<li>suggested message</li>
											<li>previous message</li>
											<li>most successful</li>
										</ul>
									<div class="subj"><input type="text"  id="Blackberry_rich_notification_subject" size="50" class="subjdeluxe" /></div>
									<textarea id="Blackberry_rich_notification_content" rows="15" cols="80" style="width: 70%"></textarea>
								</div>
							</div>
							<div id="blackberryprev">
								<div id="blackberry_wrapper" onclick="update_pre('blackberry')">
									<div id="blackberryPopUp">
										<span class="app_name"> AppCamel</span>
										<span id="blackberry_text_pre" onclick="update_pre('blackberry')">Click on me to see preview =)</span>
									</div>
								</div>
							</div>
						
					</div>
						
						
						<div class="tab_header_container">
							<a href="#" class="tabs3 tab_header" id="container_1" ></a>
							<a href="#" class="tabs3 tab_header active" id="container_2"></a>
							<a href="#" class="tabs3 tab_header" id="container_3"></a>
						</div>
					</div>
			</div>
			
			
			<!--------------------------------------------------------------------Step2--------------------------------------------------------------------------->
			<div id="step2">
				<div id="tabwrapper2" class="tab_wrapper">
					<div class="tab_header_container">
						<a href="#" class="tab_header" id="container_4"></a>
						<a href="#" class="tab_header" id="container_5"></a>
						<a href="#" class="tab_header" id="container_6"></a>
						<a href="#" class="tab_header active" id="container_7"></a>
						<a href="#" class="tab_header" id="container_8"></a>
						<a href="#" class="tab_header" id="container_9"></a>
					</div>
						<div  id="tab_container_4" class=" tab_container"><p>New option will be available soon...</p></div>
						<div  id="tab_container_5" class="tab_container">
							<span class="step2air">select age group :</span>
							<input type="text" id="step2_age" name="step2_age" placeholder="type age here example: 18-32,18+" />
							<input  type="checkbox" id="step2_all_age" name="step2_all_age" hidden="hidden" />
							<label for="step2_all_age"></label>
						</div>
						<div  id="tab_container_6" class=" tab_container">
							<span class="step2air">usage options :</span>
							<input  type="checkbox" id="step2_send_to_everyone" name="step2_send_to_everyone" hidden="hidden" />
							<label for="step2_send_to_everyone">send to everyone</label>
							<input  type="checkbox" id="step2_who_open_notification" name="step2_who_open_notification" hidden="hidden" />
							<label for="step2_who_open_notification">those who rarely open push notification</label>
							<input  type="checkbox" id="step2_frequent_app_users" name="step2_frequent_app_users" hidden="hidden" />
							<label for="step2_frequent_app_users">frequent app users</label>
							<input  type="checkbox" id="step2_who_not_open_month" name="step2_who_not_open_month" hidden="hidden" />
							<label for="step2_who_not_open_month">those who haven't opened app in more than month</label>
						</div>
						<div  id="tab_container_7" class=" tab_container active">
							<span class="step2air">select platform :</span>
							<input  type="checkbox" id="android" name="android" hidden="hidden" />
							<label for="android"></label>
							<input  type="checkbox" id="iphone" name="iphone" hidden="hidden" />
							<label for="iphone"></label>
							<input  type="checkbox" id="blackberry" name="blackberry" hidden="hidden" />
							<label for="blackberry"></label>
							
						</div>
						<div  id="tab_container_8" class=" tab_container">
							<span class="step2air">select gender :</span>
							<input  type="checkbox" id="male" name="male" hidden="hidden" />
							<label for="male"></label>
							<input  type="checkbox" id="female" name="female" hidden="hidden" />
							<label for="female"></label>
						</div>
						<div  id="tab_container_9" class=" tab_container">
							<span class="step2air">send to all app citizens :</span>
							<input  type="checkbox" id="step2_send_all_citizens" name="step2_send_all_citizens" hidden="hidden" />
							<label for="step2_send_all_citizens"></label>
							<input  type="checkbox" id="step2_send_all_citizens_now" name="step2_send_all_cnow" hidden="hidden" />
							<label for="step2_send_all_citizens_now"></label>
						</div>
					</div>
			</div>
			
			
			
			
			<!-------------------------------------------------------------------------Step3----------------------------------------------------------------------------------->
			<div id="step3">
				<div id="tabwrapper3" class="tab_wrapper">
					<div class="tab_header_container">
						<a href="#" class="tab_header" id="container_10"></a>
						<a href="#" class="tab_header" id="container_11"></a>
						<a href="#" class="tab_header" id="container_12"></a>
						<a href="#" class="tab_header active" id="container_13"></a>
						<a href="#" class="tab_header" id="container_14"></a>
					</div>
				<div  id="tab_container_10" class=" tab_container"><p>New option will be available soon...</p></div>
				<div  id="tab_container_11" class=" tab_container"><p>New option will be available soon...</p></div>
				<div  id="tab_container_12" class=" tab_container"><span class="step2air">under construction</span></div>
				<div  id="tab_container_13" class="tab_container active when_popup">
					
					<span class="select_header">select<br/>location</span>
					<select id="location_menu">
							<option value="Continent" selected="">Continent</option>
							<option value="Country">Country</option>
							<option value="City">City</option>
							<option value="One_point" >One point</option>
					</select>
						<span id="One_point"><label for="address"></label><input type="text" placeholder="TYPE ADRESS HERE" name="address" id="address" /> <label for="radius"></label> <input type="number" name="radius" id="radius" value="500" onchange="location_change('radius')"/></span>
						<span id="Continent" ><label for="address_Continent"></label>
							<select id="address_Continent" onchange="location_change('Continent')">
							<option value="Europe">Europe</option>
							<option value="North_America" >North America</option>
							<option value="South_America" >South America</option>
							<option value="Australia" >Australia</option>
							<option value="Africa">Africa</option>
							<option value="Asia">Asia</option>
							</select></span>
						<span id="Country" ><label for="address_Country"></label><input type="text" placeholder="TYPE THE COUNTRY HERE" name="address_Country" id="address_Country" /></span>
						<span id="City" ><label for="address_City"></label><input type="text" placeholder="TYPE THE CITY HERE" name="address_City" id="address_City" /></span>
						<input  type=hidden name="lat" id="lat" /><input  type=hidden name="lng" id="lng"/>
					<div class="map_buttons">
					<input type="button" id="show_app_cityzens" onclick="location_change('address');" name="show_app_cityzens"/>
					<input type="button" id="my_location" onclick="getLocation();" name="my_location"/>
					</div>
					<div id="map_canvas"></div>
				</div>
				<div  id="tab_container_14" class=" tab_container">
					<span class="step2air">select time :</span>
					<input  type="checkbox" id="now" name="now" hidden="hidden" />
					<label for="now">now!</label>
					<div id="time">
						<div class="start_date"><label for="st_date">Start date </label><input type="text" id="st_date" name="st_date" value="<?php echo date("m/d/Y");?>"/></div>
						<div class="start_time"><label for="st_h">time H:m </label><input type="text" name="st_time" id="st_time" value="12:00"/></div>
						<div class="end_date">End date <input type="text" id="end_date" name="end_date" value="<?php echo date("m/d/Y",time() + (7 * 24 * 60 * 60));?>"/></div>
						<div class="end_time"><label for="end_h">time H:m </label><input type="text" name="end_time" id="end_time" value="12:00"/></div>
					</div>
				
				
				</div>
			</div>
			</div>
			<!-----------------------------------------------------------------------------Step4---------------------------------------------------------------------->
			<div id="step4">
				<div id="radius1"></div>
				<div id="radius2"></div>
				<div id="radius3"></div>
				<input type="button" id="push_button" label="Confirm" value="PUSH" onclick="confirm()" />
			</div>


</form>
			
			
<!--------------------------------------------------------------------------Parallax objects---------------------------------------------------------------->
			

	</div>
	
	<div id="parallax-bg2">
		<img id="cl-2" src="image/cloud.png" alt="cloud"/>
		</div>
		<div id="parallax-bg1">
		<img id="cl-1" src="image/cloud.png" alt="cloud"/>
		</div>
<!-----------------------------------------------------------BG Circles----------------------------------------------->
		<div id="circle1">
				<p>select</p>
				<div class="bgradius1"></div>
				<div class="bgradius2"></div>
				<div class="bgradius3"></div>
		</div>
		
		<div id="circle2">
				<p>message</p>
				<div class="bgradius1"></div>
				<div class="bgradius2"></div>
				<div class="bgradius3"></div>
		</div>
		
		<div id="circle3">
				<p>who</p>
				<div class="bgradius1"></div>
				<div class="bgradius2"></div>
				<div class="bgradius3"></div>
		</div>
		
		<div id="circle4">
				<p>when</p>
				<div class="bgradius1"></div>
				<div class="bgradius2"></div>
				<div class="bgradius3"></div>
		</div>
		<div id="moveDownButtonContainer">
		<div id="bt_step0" class="buttonDown"><a href="javascript:void(0);">NEXT</a></div>
		<div id="bt_step1" class="buttonDown"><a href="javascript:void(0);">NEXT</a></div>
		<div id="bt_step2" class="buttonDown"><a href="javascript:void(0);">NEXT</a></div>
		<div id="bt_step3" class="buttonDown"><a href="javascript:void(0);">NEXT</a></div>
		</div>
		
		<div id="arrowContainer">
		<div id="arrow0" class="arrow_wrap"><div class="arrowDown0"></div></div>
		<div id="arrow1" class="arrow_wrap"><div class="arrowDown1"></div></div>
		<div id="arrow2" class="arrow_wrap"><div class="arrowDown2"></div></div>
		<div id="arrow3" class="arrow_wrap"><div class="arrowDown3"></div></div>
		
		<div id="alertcontainer">
		<div class="alertframe" id="alert1"></div>
		<div class="alertframe" id="alert2"></div>
		<div class="alertframe" id="alert3"></div>
		<div class="alertframe" id="alert4"></div>
		<div class="alertframe" id="alert5"></div>
		</div>
		
		
		</div>
		
	</div>
	<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
	<script type="text/javascript">initialize();</script>
	<script type="text/javascript">
			$(function(){
  				$("#st_date").datepicker();
  				$("#end_date").datepicker();
				});

				
				jQuery(function($) {
					$.mask.definitions['H']='[012]';
					$.mask.definitions['M']='[012345]';
					$('#st_time').mask('HH:M9');
					$('#end_time').mask('HH:M9');
	});
		
			jQuery(document).ready(function() {
			
			
		
			$('.tab_header').on('click', function(e) {
			var parentContainer = $(this).parents('.tab_header_container');
			var tabWrapper          = $(this).parents('.tab_wrapper');
          
          parentContainer.find('.tab_header').removeClass('active');
          $(this).addClass('active');
          var elementId = $(this).attr('id');

          tabWrapper.find('.tab_container').removeClass('active');
          
          var contentContainer = $('#tab_' + elementId);
          contentContainer.addClass('active');
          contentContainer.find('.tab_container:first').addClass('active');

          contentContainer.parents('.tab_container').addClass('active');
          
          e.preventDefault();
			});
			});
			
		</script>
	</body>

</html>